<template>
    <div class="main_content">
        <div class="title">学业达人
            <div class="line"></div>
        </div>
        
        <div class="news_items" v-for="(item,index) in showData" :key="index">
            <news-item :itemData="item"></news-item>
        </div>
        <!-- 分页 -->
        <div class="pagination">
            <el-pagination
            background
            @current-change='handleCurrentChange'
            layout="prev, pager, next"
            :total='items.length'
            :page-size='pageSize'>
            </el-pagination>
        </div>
    </div>
</template>
<script>
import NewsItem from '../../components/NewsItem.vue'
export default {
    components: {
        NewsItem
    },
    data(){
        return{
            //无后台，数据暂时写死
            items:[
                {
                    title:"三本→到博士后→大学教授",
                    imgUrl:"",
                    content:`A，男，河南省信阳人；B，女，河南省郑州人。由于当年高考时发挥不太理想，没能考出好成绩，2005年9月，两人同时考入到电子科技大学中山学院这所所谓的三本大学，成为该校同学，A学习电子科学与技术专业，B学习电子信息工程专业。
                    2009年本科毕业后，A于2009年9月—2012年6月，就读于华南师范大学硕士研究生；2012年9月—2015年6月，就读于华南师范大学博士研究生；2015年7月—2016年6月，就职于深圳市国华光电科技有限公司博士后科研流动站；2016年7月—至今，电子科技大学中山学院专任教师、高级工程师、教授。
                    2009年本科毕业后，B于2009年07月-2011年08月，就职于中山市泰腾灯饰有限公司研发工程师岗位；2011年09月-2014年06月，就读于华南师范大学硕士研究生；2014年09月-2018年06月，就读于华南师范大学博士研究生；2018年07月-2020年06月，就职于深圳市国华光电科技有限公司博士后科研流动站；2020年7月—至今，中山职业技术学院专任教师、副教授。
                    在一路的学习、工作、生活过程中，A与B比翼双飞，于2014年4月走进了婚姻的殿堂，2017年1月，二人收获了一对龙凤胎，成为一对令人羡慕的学习型、事业型、奋斗型的模范夫妻。 
                    从一名三本大学生，到博士后华丽转身，再到35岁成为大学教授，这一路走来，A与B给世人留下了一条漂亮的、完美的人生轨迹，怎能不是青年人学习的楷模？
                    `,
                    date:"2021-5-19"
                },
                {
                    title:"专科→本科→研究生→清华大学博士生导师",
                    imgUrl:"",
                    content:"王某，男，河南省信阳人，上个世纪80年代中期，考入信阳师范专科学校；80年代末期，考入郑州大学完成本科学业；90年代初期，考入清华大学开始研究生学业，至90年中后期，博士研究生毕业后留校清华大学任教；如今，成为清华大学法学博士生导师。",
                    date:"2021-5-19"
                },
                {
                    title:"中专→本科→研究生→南京理工大学博士生导师",
                    imgUrl:"",
                    content:"马某，男，河南省南阳人，上个世纪80年代末期，考入一所中等专业学校---中原机械工业学校；90年代初期，中专毕业后被学校保送上大学；90 年代中期，本科毕业后回到中原机械工业学校任教；90年代后期，考入南京理工大学就读硕士研究生，接着就读本校博士研究生；本世纪初，留校南京理工大学任教，如今成为该校博士生导师。",
                    date:"2021-5-19"
                },
                {
                    title:"专科→211高校博士研究生",
                    imgUrl:"",
                    content:"孙某，女，河南省商丘人，2004年专科毕业于南阳师范学院，2015年参加全国硕士研究生统一入学考试，考入南京理工大学硕士研究生，2007年考入南京理工大学博士研究生，现就职于东莞职业技术学院专任教师。",
                    date:"2021-5-19"
                },
                {
                    title:"本是一本生，落入三本校，逆袭211",
                    imgUrl:"",
                    content:"李某，女，河南省南阳人，2014年参加高考。就其本身的高中学习成绩来说，高考分数应该能够达到一本线上，正常发挥也能够上一个好的二本学校。然而，高考偏偏发挥失常，分数比二本线低了1分，不得不进入三本学校---北京理工大学珠海学院就读。在四年的本科学习过程中，她努力学习，积极向上，成绩始终为本专业头名，二次获得国家励志奖学金，三次获得学校一等奖学金。在2017年底的全国硕士研究生入学考试中，成绩远超国家分数，考入211安徽大学硕士研究生。",
                    date:"2021-5-19"
                },
                {
                    title:"4年国内本科→1年制英国硕士→4年英国博士",
                    imgUrl:"",
                    content:"贺某，男，广东中山人，1992年出生，2010年高中毕业于中山纪念中学，同年考入四川大学机电一体化专业；2014年9月攻读英国诺丁汉大学生物机械工程专业硕士研究生，并以学科和专业第一名成绩，于2015年取得硕士学位；2016年9月，以全额奖学金攻读英国诺丁汉大学生物机械工程博士研究生，目前（2020年8月）已发表SCI论文4篇，参加该专业顶尖国际学术会议2次并宣读论文，申报发明专利2项（第一作者），校订该专业英文学术著作2册并出版，正在准备博士毕业答辩。走出了一条国内4年本科+国外1年制硕士+国外4年博士的求学之路，用了9年时间，在28岁时取得了国外名校博士学位，成为一名高层次人才。",
                    date:"2021-5-19"
                },
                {
                    title:"8年完成美国本+硕+博连读",
                    imgUrl:"",
                    content:"陈某，女，广东中山人，1991年6月出生，2009年参加高考，本可以在国内就读一个985高校，最后却去了美国留学，用了8 年时间，完成了本、硕、博连读，获得了一个医学博士学位，节约了时间。目前，在美国又完成了博士后，留在美国就业。",
                    date:"2021-5-19"
                },
                {
                    title:"4年国内本科→1.5年国外硕士→4年国内博士",
                    imgUrl:"",
                    content:"尹某，女，1991年1月出生，河南南阳人，小学六年级跳了一级，2014年随父母到温州上初中，2008年9月就读于西南财经大学财税专业；2012年底，就读于澳大利亚国立大学1年半学制的国际经济专业；2014年-2018年，就读于上海理工大学博士；2018年至今，在上海第二工业大学任教+国外1年制硕士+国外4年博士的求学之路，用了9年时间，在28岁时取得了国外名校博士学位，成为一名高层次人才。",
                    date:"2021-5-19"
                },
                {
                    title:"4年国内211本科→2年国外一流名校硕士",
                    imgUrl:"",
                    content:"尹某，女，河南南阳人，1997年10月出生，2015年参加高考，按高中学习实力，本可以考上一所985高校，但最终高考成绩仅彀中上等，本科只能就读于211工程的郑州大学。本科期间，该生努力学习，成绩在班上属一属二，GPA达到3.8，托福100分，GRE324分。截止到2019年6月份，拿到了包括美国排名第12的约翰斯霍普金斯大学、排名第21的南加州大学等6所著名大学的Office，经过慎重考虑，最终选择了南加州大学2年制计算机科学专业。由于入学时间为2019年12月，于是，该生利用2019年下半年又重考了托福中的口语，将口语成绩由19分提高到了27分，避免了入学后还要花费时间、精力、费用去补英语口语课程。+国外1年制硕士+国外4年博士的求学之路，用了9年时间，在28岁时取得了国外名校博士学位，成为一名高层次人才。",
                    date:"2021-5-19"
                },                
                {
                    title:"4年国内本科→+国内5年就业→3年国外硕士",
                    imgUrl:"",
                    content:"白某，男，辽宁沈阳人，1987年10月出生，2015年参加高考，****大学五年制建筑学学士。本科毕业后，在*****就业五年，积累了一定的工作经验，深感自己理论知识的不足，于2016年考取到南加州大学，攻读建筑学硕士学位，2019年毕业，留在美国洛杉矶就业，至今单身。+国外1年制硕士+国外4年博士的求学之路，用了9年时间，在28岁时取得了国外名校博士学位，成为一名高层次人才。",
                    date:"2021-5-19"
                },
            ],
            showData:[],
            pageSize:5,
        }
    },
    methods:{
        //处理页面切换时显示内容
        handleCurrentChange(current){
            this.showData=this.items.slice((current-1)*this.pageSize,current*this.pageSize)
        }
    },
    mounted(){
        //初始切割数组
        this.showData=this.items.slice(0,this.pageSize)
    }
}
</script>
<style scoped>
.main_content{
    min-height: 600px;
    width: 100%;
    padding-bottom: 30px;
    /* position: relative; */
    
}
.title{
    text-align: left;
    width: 100%;
    height: 62px;
    font-size: 24px;
    font-family: Noto Sans SC;
    font-weight: 700;
    text-align: left;
    color: #333333;
    margin-top: 15px;
    margin-left: 20px;
    position: relative;
}
.line{
    position: absolute;
    bottom: 0px;
    width: 1025px;
    height: 2px;
    background-color:rgba(51,170,255,.4) ;
}
.news_items{
    width: 960px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.pagination{
    /* position: absolute; */
    /* bottom: 10px; */
    width: 100%;
}
</style>